.page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 64px);
  background-image: url('./login-bg@2x.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.register {
  width: 640px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid rgba(50,126,253,0.10);
  box-shadow: 0px 40px 100px -20px rgba(50,99,235,0.20);
}

.registerTitle {
  font-size: 20px;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  color: rgba(22,22,64,0.87);
}

.hr {
  margin: 24px 0 24px 0;
  height: 1px;
  opacity: 1;
  background: rgba(22,22,64,0.04);
}

.registerItem {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.registerDescribe {
  line-height: 36px;
  width: 100px;
  font-size: 15px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  color: rgba(22,22,64,0.65);
}

.registerInput {
  margin-left: 20px;
  width: 292px;
  height: 36px;
}

.registerButton {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 36px;
  font-size: 15px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #2e5bff;
  border-radius: 2px;
}
